iT邦幫忙

2024 iThome 鐵人賽

DAY 30
1
自我挑戰組

JS漫遊記系列 第 30

JS漫遊記-30-完結噢。

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20240911/20166952vyKwl9OqUJ.jpg

這三十天,過得很快

覺得自己的文章還有很多很多很多需要去更新之處

最重要的是!!

沒有事先囤文章

https://ithelp.ithome.com.tw/articles/10197557
昨天看到一位邦友

這一篇文章寫得居然是用css跟js做出打地鼠遊戲!

我前幾天才崩潰得打地鼠過

真的嘆為觀止。

那...待我去澎湖回來,就再更新此篇囉

未完待續...


是不是以為結束了呢?
XD沒有!

先來補充之前沒有提到的!也蠻重要的JSON格式
JSON 是前後端交換資訊的常用格式之一喔

物件與陣列情境應用

有兩個水果攤
第一個水果攤,老闆叫Tom,香蕉有6個,蘋果有5個,還沒關店
第二個水果攤,老闆叫John,香蕉有9個,蘋果有8個,還沒關店


let market = [
    {
        bossName:"Tom",
        bananaNum:6,
        appleNum:5,
        isClose:false
    },
    {
        bossName:"John",
        bananaNum:9,
        appleNum:8,
        isClose:false
    }
]

混合讀取的教學

當今天要選擇陣列的第幾筆,用中括號去填寫數字去尋找
物件裡面屬性的值,用點去尋找

let  market = [
    {
        bossName:"Tom",
        bananaNum:6,
        appleNum:5,
        isClose:false
    },
    {
        bossName:"Joyce"
    }
]
console.log(market[0].bossName)// bossName:"Tom"
console.log(market[1])//{ bossName: 'Joyce' }
console.log(market[0])//{ bossName: 'Tom', bananaNum: 6, appleNum: 5, isClose: false }

以下我們有個Json格式的舉例,
基本的 JSON 結構,包括字串、數字、陣列、物件等等。

Json格式


{
  "name": "Alice",
  "age": 30,
  "isStudent": false,
  "courses": [
    "Mathematics",
    "Science",
    "Literature"
  ],
  "address": {
    "street": "123 Main St",
    "city": "Wonderland",
    "postalCode": "12345"
  },
  "phoneNumbers": [
    {
      "type": "home",
      "number": "555-1234"
    },
    {
      "type": "work",
      "number": "555-5678"
    }
  ]
}

我是超級新手,若有任何建議或是錯誤的部分,歡迎底下留言唷thanks
我們下篇文章見掰掰~

對自己多用點心,日益努力,而後風生水起。盡情玩耍,盡情學習,盡情熱愛,盡情討厭,在需要的時候釋放善意,在必要的時候展現強硬,把這不得不過完的一生,變成值得慶賀的一生。


上一篇
JS漫遊記-29-曾經的魔王To do list
系列文
JS漫遊記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言